.page {
}

.fleeting {
  --color1: #48d5dd;
  --color2: #237efd;
  color: transparent;
  background: linear-gradient(
    90deg,
    #848691 0%,
    #848691 33.33%,
    var(--color1) 41.66%,
    var(--color2) 50%,
    #887efe 58.33%,
    #848691 66.66%,
    #848691 100%
  );
  font-size: 100px;
  background-size: 300% 100%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: fleeting 3.5s linear infinite;

  @keyframes fleeting {
    0% {
      background-position-x: 0%;
    }

    80%,
    100% {
      background-position-x: 100%;
    }
  }
}
